@import '~@/assets/css/mixins';

.Https_Api_Create {
  position: relative;
  min-height: 100%;
  background: @white;
  .container {
    padding-top: 41px;
    margin-right: 70px;
    margin-left: 70px;
    .step {
      margin-bottom: 38px;
    }
  }
  .back_bar {
    position: sticky;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 48px;
    color: @gray-700;
    font-size: 16px;
    background: @white;
    border-bottom: 1px solid @gray-200;

    dl,
    dt,
    dd {
      float: left;
      color: rgb(0 0 0 / 65%);
      font-size: 14px;
      cursor: pointer;
    }

    dl {
      display: flex;
      align-items: center;
      margin-top: 4px;
      margin-left: 7px;
      padding: 8px 9px;
      &.disabled {
        pointer-events: none;
        cursor: not-allowed;
        dt, dd {
          color: @gray-400;
        }
      }
      &:hover {
        dt, dd {
          color: @primary;
        }
      }
      dt {
        vertical-align: middle;
      }
      dd {
        margin-left: 3px;
        vertical-align: middle;
      }
    }

    button {
      float: right;
      margin: 8px 20px 0 0;
    }
  }
  .flow_log {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
}
